<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <title>快乐拍宝</title>
    <link rel="stylesheet" href="./assets/p/guanzhu/guanzhu.css">
    <script src="./assets/c/index.js"></script>
</head>
<body>
<menu class="zh-menu">
    <ul>
        <li class="zhuan-currents"><a href="#"><span>专场</span></a></li>
        <li class=""><a href="#">关注</a></li>
        <li class=""><a href="#">精选</a></li>
        <li class=""><a href="#">商家推荐</a></li>
    </ul>
</menu>
<div class="app">
    <section class="info">
        <div class="gengduo">个人</br>中心</div>
        <div class="touxiang">
            <img src="./pic/touxiang.jpg"/>
        </div>
        <div class="dangan">
            <div class="box"><span>浏览店铺</span><img src="./pic/liulan.svg"/></div>
            <div class="box left-border"><span>店铺链接</span><img src="./pic/lianjie.svg"/></div>
            <div class="box left-border"><span>二维码</span><img src="./pic/erweima.svg"/></div>
        </div>
    </section>
    <section class="floor">
        <div class="menu">
            <ul>
                <li class="caidan current"><a href="">卖家 <span>V1</span></a></li>
                <li class="caidan"><a href="">买家<span>白丁</span></a></li>
            </ul>
        </div>
        <div class="list role maijia">
            <div class="zhishi"><p><img src="./pic/zhishi.svg"/></p></div>
            <div class="text centers bottom-border">积分：10&nbsp;&nbsp;拍品评分：4.67&nbsp;&nbsp;违约比例：5%</div>
            <div class="text bottom-border">实名认证 <img class="tabs" src="./pic/shiming.svg"/><span>已由快乐拍宝官方审核</span></div>
            <div class="text">消保金 <img class="tabs" src="./pic/bao.svg"/><span>已缴纳<b>1000</b>元</span></div>
        </div>
        <div class="list role">
            <div class="text bottom-border">联系人 <span>huitong</span></div>
            <div class="text bottom-border">微信号 <span>zhangsiming</span></div>
            <div class="text ">手机号 <span>18764285761</span></div>
        </div>
        <div class="list role photo">
            <div>最近拍品</div>
            <ul>
                <li><img src="./pic/ceshi.jpg"/></li>
                <li><img src="./pic/ceshi.jpg"/></li>
                <li><img src="./pic/ceshi.jpg"/></li>
                <li><img src="./pic/ceshi.jpg"/></li>
            </ul>
            <div class="gengduo">
                <a href="# "><img src="./pic/jiantou2.svg"/></a>
            </div>
        </div>
    </section>   
</div>
<nav class="zh-nav">
    <ul>
        <li>
            <p class="icn"><img src="./pic/House.png" /></p>
            <p class="nav"><a href="#">首页</a></p>
        </li>
        <li class="fenlei">
            <p class="icn"><img src="./pic/Menu.png" /></p>
            <p class="nav"><a href="#" >分类</a></p>
        </li>
        <li class="faxian">
            <p class="icn"><img src="./pic/Search.png" /></p>
            <p class="nav"><a href="#">发现</a></p>
        </li>
        <li class="wode">
            <p class="icn"><img src="./pic/Profile2.png" /></p>
            <p class="nav"><a href="#" class="currents">我的</a></p>
        </li>
    </ul>
</nav>
<script src="./_build/c/zepto.js"></script>
<script src="./_build/c/common.js"></script>
<script src="./_build/c/slider.min.js"></script>
</body>
</html>